
//平时我们的响应尺寸划分:
//1.超小屏幕（手机，<768px）  设置宽度为：100%
//2.小屏设备（平板>=768px~<992px）  设置宽度为：750px
//3.中等屏幕（桌面显示器>=992px~<1200px）设置宽度为：970px
//4.宽屏设备（大桌面显示器>=1200px）尺寸设置宽度为：1170px 

@mixin respondTo($breakname) {  
	@if $breakname == 'Phone' {   
		@media (max-width: 768px) {
			 @content;
		} 
		
	}
	@else if $breakname == 'Pad' {
		@media (min-width: 769px) and (max-width: 992px) {
			 @content;
		} 
	}
	@else {
			 @media (min-width: 993px) {
			 	 @content;
			 } 
	} 
} 	 



